<template>
  <!-- 项目实施 - 右上角tab1 - 发起附言 - content -->
  <div class="right-tab-con1">
    <div class="right-tab-con1-t">
      <img class="right-tab-con1-bg bg1" :src="require('../../images/empty-img.png')" width="80px" height="100px"/>
      <p class="right-tab-con1-text">无数据</p>
    </div>
    <div class="right-tab-con1-b">
      <el-input
        type="textarea"
        :rows="1"
        placeholder="请输入附言（2000字以内）"
        v-model="textarea">
      </el-input>
    </div>
  </div>
</template>

<script>
export default {
  name: "rightTabCon1",
  components: {},
  data() {
    return {
      img: require('../../images/empty-img.png'),
      textarea: "",
    }
  },
  props: {
    tabTitle: {
      type: String,
      default: () => ''
    },
    info: {
      type: Array,
      default: () => []
    }
  },
  watch: {},
  mounted() {},
  methods: {}
}
</script>

<style lang="scss" scoped>
  .right-tab-con1 {
    position: relative;
    height: 100%;
    padding: 5px 10px;
    .right-tab-con1-t {
      height: calc(100% - 45px);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      .right-tab-con1-text {
        font-size: 14px;
        color: #999999;
        width: 100%;
        margin: 0;
        text-align: center;
      }
    }
    .right-tab-con1-b {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 6px 12px;
      background: #f1f4f7;
      ::v-deep {
        .el-textarea {
          width: 100%;
          margin: 5px auto 0;
        }
      }
    }
  }
</style>